/*没有被选择的样式*/

.unactive {
	padding: 1px;
	display: block;
	background-color: #FAFAFA;
	width: 100%;
	height: auto;
	cursor: pointer;
}


/*被选择的样式*/

.active {
	padding: 1px;
	display: block;
	width: 100%;
	height: auto;
	background-color: #EBEBEC;
	cursor: pointer;
}


/*左侧的昵称的样式*/

.leftnickename p {
	width: 150px;
	height: 60px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}


/*响应式 当网页宽度小于900px的时候让两边的div消失*/

@media screen and (max-width: 900px) {
	.leff {
		display: none;
	}
	.layui-col-xs10 {
		width: 100%;
		margin: 0px;
	}
}
/*左侧的聊天窗口的滑动样式*/
.alluser {
	width: 15%;
	float: left;
	height: 648px;
	border: 0.5px solid gainsboro;
	overflow-y: hidden;
	overflow-x: hidden;
	border-radius: 6px;
}

.alluser::-webkit-scrollbar {
	width: 4px;
	height: 4px;
	background-color: #898989;
}

.alluser::-webkit-scrollbar-track {
	background: #FFFFFF;
	border-radius: 2px;
}

.alluser::-webkit-scrollbar-thumb {
	background: #898989;
	border-radius: 2px;
}

.alluser::-webkit-scrollbar-thumb:hover {
	background: #898989;
}

.alluser::-webkit-scrollbar-corner {
	background: #898989;
}